<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8">
	<title>晟日果蔬</title>
    <meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="renderer" content="webkit">
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	
	<link rel="icon" type="image/png" href="assets/i/favicon.png">
	<!-- 通用文件引入 -->
 	<#include "../common/mobile-base.html"/>   
	<script type="text/javascript" charset="utf-8" src="${webRoot!}/js/mobile/cart.js"></script>
	<script type="text/javascript">
		$(function(){
		    Cart.path = '${webRoot!}';
		});
	</script>
	 <style>
	 	 .am-direction-nav{ display: none;}
	 </style>
	</head>
<body style=" background: #fff;">
	<div class="am-slider am-slider-default" data-am-flexslider id="demo-slider-0" style="border-bottom: 1px solid #b6b6b6;">
	  <ul class="am-slides">
	    <li><img src="${webRoot!}/upload/${shop.sImgBig1!}"/></li>
	    <li><img src="${webRoot!}/upload/${shop.sImgBig2!}" /></li>
	    <li><img src="${webRoot!}/upload/${shop.sImgBig3!}" /></li>
	    <li><img src="${webRoot!}/upload/${shop.sImgBig4!}" /></li>
	    <li><img src="${webRoot!}/upload/${shop.sImgBig5!}" /></li>
	  </ul>
	  <div class="am-header-left am-header-nav return">
	
			<a href="javascript:history.back()" class="return-fir">
				<i class="am-icon-chevron-left"></i>
			</a>
			<a href="javascript:;" class="share"></a>
			<a href="" class="xin"></a>
	  </div>
	  <div class="share-con">
	  	<a href="" class="friend"></a>
	  	<a href="" class="zone"></a>
	  	<a href="" class="weixin"></a>
	  	<a href="" class="qq"></a>
	  	<a href="" class="sina"></a>
	  </div>
	 
	</div>

	<div class="content">
		<div class="title">${shop.sMobileName}</div>
		<div class="con">
		  <div class="price">￥<span>${shop.shopPrice.spPrice!}/${shop.shopPrice.spUnit!}</span></div>
		  <div class="p-pur">
	        <a class="decrease" href="javascript:Cart.minusNum('${shop.sId!}')">-</a>
	        <em class="sy_num" id="${shop.sId!}-num">1</em>
	        <a class="increase" href="javascript:Cart.plusNum('${shop.sId!}')">+</a>   
	      </div>
		</div>
	</div>
	<div class="con-num">
		<span class="con-num-l">规格</span>
		<span class="con-num-r">${shop.shopPrice.spSpecification!}</span>
	</div>
	
	<!-- 详情 -->
	<div class="tab-div">
		<ul id="myTab" class="nav nav-tabs">
			<li class="active">
				<a href="#shopdesc" data-toggle="tab" class="shop-details-tab">商品介绍</a>
			</li>
			<li><a href="#comment" data-toggle="tab" class="shop-details-tab">商品评论</a></li>
			<!-- 
			<li><a href="#buyintro" data-toggle="tab" class="shop-details-tab">购买须知</a></li>
			 -->
		</ul>
	</div>
	<div id="myTabContent" class="tab-content">
		<!-- 详情 -->
		<div class="tab-pane fade in active" id="shopdesc">
			<div class="well-sm sd  shop-detail">
				${shop.sDesc!}
			</div>
		</div>
		<!-- 评论 -->
		<div class="tab-pane fade" id="comment">
			商品评论内容
			<!-- 
			<div class="container well-sm sd">
				<if condition="$plcount gt 0">
					<volist name="listpl" id="pl">
						<div class="container-fluid memberlogin-info">
							<div class="row memberpwd-margin">
								<div class="col-xs-6 account-val">
									<empty name="pl.zx_touxiang_img">
										<img id="preview" src="__PUBLIC__/img/people-img.png" class="head-img"//>
									<else/>
										<img id="preview" src="/{$pl.zx_touxiang_img}" class="head-img"/>
									</empty>
									<font style="font-size: 12px;margin-left:5px;">{$pl.zx_nicheng}</font>
								</div>
								<div class="col-xs-6 account-val text-right">
									<if condition="mb_strlen($pl['zx_pl_date'],'UTF-8') gt 10">
										{$pl.zx_pl_date|msubstr=0,10,'UTF-8',false}
									<else/>
										{$pl.zx_pl_date}
									</if>
								</div>
							</div>
							<div class="row memberpwd-margin">
								<div class="col-xs-12 account-val">
									{$pl.zx_pl_content}
									<br>
									<empty name="pl.zx_pl_img_one">
									<else/>	
										<img src="/{$pl.zx_pl_img_one}" class="comment-img-small" onclick="previewImg('{$pl.zx_pl_id}','/{$pl.zx_pl_img_one}')" style="width: 90px;height: 130px;"/>
									</empty>
									<empty name="pl.zx_pl_img_two">
									<else/>	
										<img src="/{$pl.zx_pl_img_two}" class="comment-img-small" onclick="previewImg('{$pl.zx_pl_id}','/{$pl.zx_pl_img_two}')"  style="width: 90px;height: 130px;"/>
									</empty>
									<empty name="pl.zx_pl_img_three">
									<else/>	
										<img src="/{$pl.zx_pl_img_three}" class="comment-img-small" onclick="previewImg('{$pl.zx_pl_id}','/{$pl.zx_pl_img_three}')"  style="width: 90px;height: 130px;"/>
									</empty>
								</div>
							</div>	
							
							<div class="member-hr-line common-line-margin"></div>
						</div>
					</volist>
				<else/>
					<div class="row">
						<div class="col-md-6 text-center"> 
							暂无评论
						</div>
					</div>		
				</if>
					
				
			</div>
			 -->
		</div>
	</div>
			

  <div data-am-widget="navbar" class="am-navbar  am-navbar-default gm-foot"   id="">
	 	
	 	<div class="col-xs-2" onclick="window.location.href='${webRoot!}/mobile/forwardShopCar.do'">
		  	<span><i class="am-icon-shopping-cart am-icon-sm"></i></span> 
		 </div>
	 	<div class="col-xs-5 col-no-padding" onclick="Cart.shopAddCard('${shop.sId!}')">
 			<div class="buy-car-button" title="加入购物车"><span>加入购物车</span></div>
	 	</div>
	 	<div class="col-xs-5 col-no-padding" onclick="Cart.shopBuy('${shop.sId!}')">
	 		<div class="buy-button buynow" title="立即购买" ><span>立即购买</span></div>
	 	</div>
  </div>

	<script>
		$(function(){
	      		$(".share").click(function(){
	      			$(".share-con").fadeToggle()
	      		})
	    })
	</script>

</body>
</html>
